<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="Copyright" content="Copyright&copy;掌上武汉[鄂ICP备14009091号-1] 武汉广播电视台出品" />
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no,shrink-to-fit=no">
    <meta name="screen-orientation" content="portrait">
    <meta name="x5-orientation" content="portrait">
    <meta content="telephone=no, address=no" name="format-detection">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <title>{$all['title']}-见微</title>
    <link rel="stylesheet" href="http://g.alicdn.com/de/prismplayer/1.5.2/skins/default/index-min.css" />
    <!-- <link rel="stylesheet" href="/build/css/mview.css"> -->
    <link rel="stylesheet" href="/build/css/websocket.css">
    <script src="http://g.alicdn.com/de/prismplayer/1.5.2/prism-h5-min.js"></script>
    <script src="http://cdn.bootcss.com/zepto/1.2.0/zepto.min.js"></script>
    <script src="/build/js/zepto-touch.js"></script>
    <script src="/js/cookie.js"></script>
    <script src="/build/js/scroll.js"></script>
    <script>setCookie('cy_type',1,1);</script>
    <style>.showpic{overflow: hidden;height:100%}</style>
</head>
<body>
<div style="height: 0;overflow: hidden;">
   <img src="/img/jianwei.png" alt=""> 
</div>
    <div class="main-content">
        <div class="header">
            {$all['title']}
            <span class="danmu"></span>
        </div>
        <div id="J_prismPlayer" class="prism-player"></div>
        <div class="jw-tab">
            <div class="buttons-tab">
                <a href="#tab1" class="tab-link active">评论</a>
                <a href="#tab2" class="tab-link">简介</a>
                <?php if(count($info)>1){ ?>
                <a href="#tab3" class="tab-link" style="width: 33%;">多机位 <span style="color:red;font-size:20px">●</span></a>
                <?php } ?>
            </div>
            <div class="content-block">
                <div class="tabs">
                    <div id="tab1" class="tab active">
                        <div class="if-wrap">
                            <div id="jw-user">
                                <div class="info">您还未登录</div>
                                <!--评论-->
                                <a href="javascript:void(0)" onclick="login()" data-status="0">登录</a>
                            </div>
                            <div id="fixedDiv" class="comment-part" style="display: block">
                                <div class="comment-control">
                                    <textarea id="comment-box" class="comment-box" rows="2" placeholder="评论一下吧..."></textarea>
                                    <div class="close" style="display:none"></div>
                                    <div class="col-10">
                                        <a href="javascript:void(0)" class="show-face"></a>
                                    </div>
                                    <div class="col-right">
                                        <a href="javascript:void(0)" class="reply-comment" onclick="reply()">
                                            <span class="">评论一下</span>
                                        </a>
                                    </div>
                                </div>
                                <div class="face-wrap">
                                    <!--<div class="face-arrow-up"></div>-->
                                    <ul class="face-list">
                                        <li class="face-list-item" data-code="[/流汗]">
                                            <span class="face-item face09"></span>
                                        </li>
                                        <li class="face-list-item" data-code="[/大哭]">
                                            <span class="face-item face13"></span>
                                        </li>
                                        <li class="face-list-item" data-code="[/发怒]">
                                            <span class="face-item face03"></span>
                                        </li>
                                        <li class="face-list-item" data-code="[/鼓掌]">
                                            <span class="face-item face02"></span>
                                        </li>
                                        <li class="face-list-item" data-code="[/给力]">
                                            <span class="face-item face05"></span>
                                        </li>
                                        <li class="face-list-item" data-code="[/闭嘴]">
                                            <span class="face-item face17"></span>
                                        </li>
                                        <li class="face-list-item" data-code="[/憨笑]">
                                            <span class="face-item face06"></span>
                                        </li>
                                        <li class="face-list-item" data-code="[/色]">
                                            <span class="face-item face04"></span>
                                        </li>
                                        <li class="face-list-item" data-code="[/强]">
                                            <span class="face-item face10"></span>
                                        </li>
                                        <li class="face-list-item" data-code="[/弱]">
                                            <span class="face-item face11"></span>
                                        </li>
                                        <li class="face-list-item" data-code="[/鄙视]">
                                            <span class="face-item face15"></span>
                                        </li>
                                        <li class="face-list-item" data-code="[/可爱]">
                                            <span class="face-item face07"></span>
                                        </li>
                                        <li class="face-list-item" data-code="[/惊讶]">
                                            <span class="face-item face19"></span>
                                        </li>
                                        <li class="face-list-item" data-code="[/疑问]">
                                            <span class="face-item face14"></span>
                                        </li>
                                        <li class="face-list-item" data-code="[/抓狂]">
                                            <span class="face-item face08"></span>
                                        </li>
                                        <li class="face-list-item" data-code="[/浮云]">
                                            <span class="face-item face20"></span>
                                        </li>
                                        <li class="face-list-item" data-code="[/可怜]">
                                            <span class="face-item face18"></span>
                                        </li>
                                        <li class="face-list-item" data-code="[/玫瑰]">
                                            <span class="face-item face12"></span>
                                        </li>
                                        <li class="face-list-item" data-code="[/钱]">
                                            <span class="face-item face16"></span>
                                        </li>
                                        <li class="face-list-item" data-code="[/握手]">
                                            <span class="face-item face22"></span>
                                        </li>
                                        <li class="face-list-item" data-code="[/拳头]">
                                            <span class="face-item face23"></span>
                                        </li>
                                        <li class="face-list-item" data-code="[/酒]">
                                            <span class="face-item face24"></span>
                                        </li>
                                        <li class="face-list-item" data-code="[/奋斗]">
                                            <span class="face-item face01"></span>
                                        </li>
                                        <li class="face-list-item" data-code="[/打酱油]">
                                            <span class="face-item face21"></span>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div id="jw-comment" class="clear" style="padding:0  10px;">
                                <p class="c-footer" >还没有评论，来抢沙发吧</p>
                            </div>
                            <div class="loading" style="display:none">
                                <i class="jw-load animate-spin" aria-hidden="true" style="display:none"></i>
                                <span class="loading-text">查看下10条评论</span>
                            </div>
                        </div>

                    </div>
                    <div id="tab2" class="tab">
                        <div class="comment">
                            {:html_entity_decode($all['intro'])}
                        </div>
                    </div>
                    <div id="tab3" class="tab">
                        <?php if(count($info)>1){ ?>
                        <div class="menu">
                            <ul>
                                <volist name="info" id="vo" key="k">
                                <?php if($vo['z_status'] ==1 || $vo['z_status'] ==2 || ($vo['z_status'] ==3 && $vo['return_live']!="" )){ ?>
                                <li class="videoCtrl <eq name='k' value='1'> active</eq>">
                                    <a href="javascript:voild(0)" data-stream="{$vo['group_id']}_{$vo['user_id']}"  data-id="{$vo['id']}">
                                        <div class="wrap">
                                            <div class="list-img">
                                                <img src="<?php if($vo['thumb']) { ?>/Uploads/{$vo['thumb']}<?php } else { ?>/img/mdefault.jpg<?php } ?>" width='100%' alt="">
                                            </div>
                                            <div class="list-control">
                                                <?php if($vo['pos_name']){echo $vo['pos_name'];}else{echo $k.'号机位';} ?>
                                            </div>
                                        </div>
                                    </a>
                                </li>
                                <?php } ?>
                                </volist>
                            </ul>
                        </div>
                        <?php } ?>
                    </div>
                </div>
                
                <div class="copyright">
                    Copyright&copy;见微 [鄂ICP备14009091号]
                    <p>武汉广播电视台出品</p>
                </div>
            </div>
        </div>
    </div>
<!-- <div id="commentModal">
    <ul></ul>
</div> -->

<div id="comment-modal">
    <ul>
        <li><span class="logo"></span></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
    </ul>
</div>

<div class="login-model" style="display:none">
    <div class="login-content">
        <span>昵称：</span>
        <input id="username" type="text" placeholder="请输入您的昵称" maxlength="10" />
    </div>
    <div class="control clear">
        <a class="btn btn-primary" onclick="addUser()">确定</a>
        <a class="btn btn-cancel" onclick="hidelogin(this)">取消</a>
    </div>
</div>



<!--评论模组-->
<div id="jw-comment-model" style="display: none">
    <article id="" class="comment-wrap">
        <ul class="comment-header">
            <li class="comment-pic">
                <img src="/img/jianwei.png" width="100%" alt="">
            </li>
            <li class="comment-name">
                
            </li>
            <li class="comment-time">
                <span class="time-date"></span><span class="time-hour"></span>
            </li>
            <li class="comment-action">
                <!--<a href="javascript:void(0);" data-id=""><i class="comment-icon comment-heart"></i><span class="up-text">0</span></a>-->
                <a onclick="trggerFocus()"><i class="comment-icon comment-reply"></i><span class="reply">回复</span></a>
            </li>
        </ul>
        <div class="comment-content">
            <p class="comment-text">
            </p>
        </div>
    </article>

    <div class="floor">
        <div class="floor-item" onclick="trggerFocus()">
            <div class="floor-header">
                <span class="floor-name">
                    
                </span>
                <span class="floor-count">
                    <span class="count">1</span>
                </span>
            </div>
            <div class="floor-content">
                <p class="floor-text">
                    
                </p>
            </div>
        </div>
    </div>

    <div class="floor-item show-floor">
        <a href="javascript:void(0)">查看全部楼层</a>
    </div>
</div>

<!--评论buffer-->
<div id="jw-comment-buffer" style="display: none"></div>

<!--弹幕-->
<div id="jw-barrage-modal">
    <ul>
    </ul>
</div>

<!--notify-->
<div id="jw-notify" style="display: none">
    <div class="note"></div>
</div>

<script type="text/javascript">
    var group_id = '{$all["group_id"]}';
</script>

<script src="/common/getClientInfo.php?source=掌上武汉"></script>
<script type="text/javascript">
function myplayer(url){
    $('#J_prismPlayer').empty();
    // 初始化播放器
    player = new prismplayer({
        id: "J_prismPlayer", // 容器id
        source: url,// 视频地址
        autoplay: false,    //自动播放：否
        width: "100%",       // 播放器宽度
    <?php if($all['group_status'] != 3) { ?>
        isLive:true,
    <?php } ?>
         height: viewH +'px',      // 播放器高度
    });
}

$.post("/common/wRecord.php?group_id={$all['group_id']}", {ip:ip, client_type:client_type, source:source})
function load(){
        $.ajax({
            async: false,
            url: "/common/stream.php?stream={$all['group_id']}_{$all['user_id']}&id={$all['id']}",
            success: function(data){
                data = $.parseJSON(data);
                if(data['status'] == 0) {
                    var image = data['image_url']!='/Uploads/'  ? data['image_url'] : '/img/mdefault.jpg';
                    $('#J_prismPlayer').html('<div class="showpic"><img src="' + image + '" width="100%" alt="" /></div>');
                } else {
                    myplayer(data['url']);
                }
            }
        });
}
</script>
<script src="/js/wap.js"></script>
<script src="/js/websocket.js"></script>
    <script>
        //commentInfo("{$all['group_id']}");
        <?php if($all['group_status'] ==1 || $all['group_status'] ==2) { ?>
            //listenStatus("{$all['group_id']}");
            <?php } ?>

    </script>
</body>
</html>